<template>
    <div class="">
      <el-row :gutter="12">
        <el-col :span="6">
            <el-card shadow="always">
                <div slot="header" class="clearfix">
                    <span>订单数量</span>
                    <span class="fr el-button--primary">件</span>
                </div>
                <div  class="text item">
                     {{pageTotal}}
                </div>
            </el-card>
        </el-col>
        <el-col :span="6">
           <el-card shadow="always">
                <div slot="header" class="clearfix">
                    <span>售出商品</span>
                    <span class="fr el-button--primary">件</span>
                </div>
                <div  class="text item">
                   {{goods_num}}
                </div>
            </el-card>
        </el-col>
        <el-col :span="6">
           <el-card shadow="always">
                <div slot="header" class="clearfix">
                    <span>订单金额</span>
                    <span class="fr el-button--primary">元</span>
                </div>
                <div  class="text item">
                   {{order_amount}}
                </div>
            </el-card>
        </el-col>
        </el-row>
    </div>
</template>

<script>

    export default {
         data(){
             return {
                tableData:[],
                tableHeight:0,
             }
         },
         props:{
            toggleData:[String],
            pageTotal:{},
            goods_num:{},
            order_amount:{}

         },
         mounted(){
           
         },
         methods:{
         }
    }
</script>

<style lang="less">
    .el-card__header{
        padding: 6px;
    }
    .fr{
        float: right;
        padding-left: 3px;
        padding-right: 3px;
    }
</style>
